﻿<!DOCTYPE html>
<html>
	<head>
		<title>Create lists</title>
		<meta charset="utf-8" />
		<meta name="description" content="Create bulleted and numbered lists in the document changing the lists outline" />
		<link type="text/css" rel="stylesheet" href="../../../../../../common/main/resources/help/editor.css" />
		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
        <script type="text/javascript" src="../callback.js"></script>
        <script type="text/javascript" src="../search/js/page-search.js"></script>
	</head>
	<body>
        <div class="mainpart">
            <div class="search-field">
                <input id="search" class="searchBar" placeholder="Search" type="text" onkeypress="doSearch(event)">
            </div>
            <h1>Create lists</h1>
            <p>To create a list in your document,</p>
            <ol>
                <li>place the cursor to the position where a list will be started (this can be a new line or the already entered text),</li>
                <li>switch to the <b>Home</b> tab of the top toolbar,</li>
                <li>
                    select the list type you would like to start:
                    <ul>
                        <li><b>Unordered list</b> with markers is created using the <b>Bullets</b> <div class = "icon icon-bullets"></div> icon situated at the top toolbar</li>
                        <li>
                            <b>Ordered list</b> with digits or letters is created using the <b>Numbering</b> <div class = "icon icon-numbering"></div> icon situated at the top toolbar
                            <p class="note"><b>Note</b>: click the downward arrow next to the <b>Bullets</b> or <b>Numbering</b> icon to select how the list is going to look like.</p>
                        </li>
                    </ul>
                </li>
                <li>now each time you press the <b>Enter</b> key at the end of the line a new ordered or unordered list item will appear. To stop that, press the <b>Backspace</b> key and continue with the common text paragraph.</li>
            </ol>
            <p>You can also change the text indentation in the lists and their nesting using the <b>Decrease indent</b> <span class="icon icon-decreaseindent"></span> and <b>Increase indent</b> <span class="icon icon-increaseindent"></span> icons at the <b>Home</b> tab of the top toolbar.</p>
            <p class="note"><b>Note</b>: the additional indentation and spacing parameters can be changed at the right sidebar and in the advanced settings window. To learn more about it, read the <a href="InsertText.htm" onclick="onhyperlinkclick(this)">Insert and format your text</a> section.</p>

            <h3>Change the list settings</h3>
            <p>To change the bulleted or numbered list settings, such as a bullet type, size and color:</p>
            <ol>
                <li>click an existing list item or select the text you want to format as a list,</li>
                <li>click the <b>Bullets</b> <div class = "icon icon-bullets"></div> or <b>Numbering</b> <div class = "icon icon-numbering"></div> icon at the <b>Home</b> tab of the top toolbar,</li>
                <li>select the <b>List Settings</b> option,</li>
                <li>
                    the <b>List Settings</b> window will open. The bulleted list settings window looks like this:
                    <p><img alt="Bulleted List Settings window" src="../images/bulletedlistsettings.png" /></p>
                    <p>The numbered list settings window looks like this:</p>
                    <p><img alt="Numbered List Settings window" src="../images/orderedlistsettings.png" /></p>
                    <p>For the bulleted list, you can choose a character used as a <b>bullet</b>, while for the numbered list you can choose what number the list <b>Starts at</b>. The <b>Size</b> and <b>Color</b> options are the same both for the bulleted and numbered lists.</p>
                    <ul>
                        <li><b>Size</b> - allows to select the necessary bullet/number size depending on the current size of the text. It can take a value from 25% to 400%.</li>
                        <li><b>Color</b> - allows to select the necessary bullet/number color. You can select one of the <em>theme colors</em>, or <em>standard colors</em> on the palette, or specify a <em>custom</em> color.</li>
                        <li><b>Bullet</b> - allows to select the necessary character used for the bulleted list. When you click on the <b>Bullet</b> field, the <b>Symbol</b> window opens that allows to choose one of the available characters. To learn more on how to work with symbols, you can refer to <a href="../UsageInstructions/InsertSymbols.htm" onclick="onhyperlinkclick(this)">this article</a>.</li>
                        <li><b>Start at</b> - allows to select the nesessary sequence number a numbered list starts from.</li>
                    </ul>
                </li>
                <li>click <b>OK</b> to apply the changes and close the settings window.</li>
            </ol>        
        </div>
	</body>
</html>